<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // 断点调试:
    // 目的: 让代码执行到某个位置后停止, 后续手动操作代码一步一步向后执行

    // 如何使用断点:
    // (1)  哪里不会点哪里?   => 打断点(debugger)
    // (2)  打开页面 => 开发者工具 => source(资源)  => 找到断点所在位置
    // (3)  触发断点 =>  让页面中的代码重新执行 (因为页面加载时,代码默认执行完毕)
    //     a. 如果断点所在的代码在页面加载时执行 => 刷新页面
    //     b. 如果断点在事件中, => 触发事件(点击事件)

    // (4) 如何让代码继续向后执行
    //    F9  F10  F11  => 代码继续向后执行一步 (fn + F9)
    //    F8  恢复脚本执行   => 代码继续向后自动执行 (结束断点或跳到下一个断点所在位置)

    // (5) 代码调试完毕 => 删除/注释debugger
    

    // 多分支
    // var grade = Math.round(Math.random()*100); // 0-100

    var grade = 55; // 0-100
    console.log(grade); 

    debugger;

    if(grade >= 90) {  // grade >= 90 && grade < 100
        // document.write(grade + "分,优秀");
        if(grade == 100){
            document.write(grade + "分, 999");
        }else{
            document.write(grade + "分,优秀");
            console.log(3);
        }
        

    }else if(grade >= 80 ){  //  grade >= 80 && grade < 90
        document.write(grade + "分,良好");
    }else if(grade >= 70 ){  //  grade >= 70 && grade < 80
        document.write(grade + "分,一般");
    }else if(grade >= 60 ){  //  grade >= 60 && grade < 70
        document.write(grade + "分,勉强及格");
    }else{ // grade < 60
        debugger;
        // document.write(grade + "分,不及格");
        if(grade >= 50){
            document.write(grade + "分,不及格,开机试");
        }else{
            document.write(grade + "分,再来一次");
        }
        
    }



</script>
</html>